<template>
	<!-- 地址组件（结算页面） -->
	<view>
		<view class="u-flex">
			<view class="u-margin-right-20"  v-if="item.isDefault==1">
				<item-btn radius="10" width="50" height="26"><text class="u-font-20">默认</text></item-btn>
			</view>
			<text class="u-font-26 text-color-989898">{{city}}</text>
		</view>
		<view class="u-margin-top-30 u-font-34 box-title">{{item.detail}}</view>
		<view class="u-margin-top-20">
			<text class="text-order-time u-font-26">{{item.realName}}</text>
			<text class="text-order-time u-font-26 u-padding-left-28">{{item.phone}}</text>
		</view>
		<slot></slot>
	</view>
</template>

<script>
	/**
	 * actionSheet 地址显示组件
	 * @property {Object} item 组件需要显示的内容对象 {cityPath:'',detail:"",realName:'',phone:""}
	 * @example <v-address :item="address" />
	 */
	export default {
		name:"v-address",
		props: {
			item: {
				type: Object,
				default: ()=>({})
			},
		},
		computed: {
			city() {
				return this.item&&this.item.cityPath ? this.item.cityPath.split(',').join('-') : ''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">

</style>
